<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>carousel模块快速使用</title>
    <link rel="stylesheet" href="/layui/css/layui.css" >
    <link rel="stylesheet" href="/css/123.css" >
    <style type="text/css">
        .gundong{
            list-style: none;
            width: 1004px;
            margin: 0 auto;
        }
        .layui-carousel{margin: 0 auto;}
        .layui-nav{

            list-style: none;
            width: 1004px;
            margin: 0 auto;}

    </style>
    <style>
        *{
            margin: 0;
            padding: 0;
        }

        .tpt-bar {
            display:flex;
            border:1px solid #e2e2e2;
            border-radius:2px;
            background: #393d49;
            box-shadow:0 2px 5px 0 rgba(0,0,0,.1);
            flex-wrap:wrap;
            width: 1004px;
            margin: 0px auto;
        }
        .tpt-bar label {
            display:block;
            padding:0 20px;
            height:50px;
            line-height:50px;
            cursor:pointer;
            order:1;
        }
        .tpt-bar .tpt-bar-con {
            z-index:0;
            display:none;
            padding:30px;
            width:100%;
            min-height:120px;
            line-height: 30px;
            border-top:1px solid #e2e2e2;
            margin-top: -1px;
            background:#f3f3f4;
            order:99;
        }
        .tpt-bar input[type=radio] {
            position:absolute;
            opacity:0;
        }
        .tpt-bar input[type=radio]:checked+label {
            z-index:1;
            margin-right:-1px;
            margin-left:-1px;
            border-right:1px solid #e2e2e2;
            border-left:1px solid #e2e2e2;
            background: #5eb778;
        }
        .tpt-bar input[type=radio]:checked+label+.tpt-bar-con {
            display:block;
        }
        .gundong{
            margin: 0 auto;
        }

    </style>
</head>
<body>

<div class="layui-carousel" id="test1" >
    <div carousel-item>
        <div><img src="img\10.png"width="1004" height="350"></div>
        <div><img src="img\9.png"width="1004" height="350"></div>
        <div><img src="img\8.webp"width="1004" height="350"></div>
    </div>
</div>
<!-- 条目中可以是任意内容，如：<img src=""> -->
<div class = "function">
    <ul class="layui-nav" lay-filter="">
        <li class="layui-nav-item"><a href="/new-register.html">注册</a></li>
        <li class="layui-nav-item layui-this"><a href="/new-login.html">登录</a></li>
        <li class="layui-nav-item"><a href="/request-more.html">求职信息</a></li>
        <li class="layui-nav-item"><a href="/company-more.html">招聘信息</a></li>
        <li class="layui-nav-item"><a href="/news-more.html">新闻公告</a></li>
    </ul>
</div>
<div class="gundong">
    <table width="1004" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                <table width="1004" border="0" align="center" cellpadding="3" cellspacing="0" bgcolor="#000000"
                       style="border: 5px solid #000000;">
                    <tr>
                        <td width="120" height="60" align="center" class="white18">

                            <span id=localtime></span>
                            <script type="text/javascript">
                                function showLocale(objD) {
                                    var str, colorhead, colorfoot;
                                    var yy = objD.getYear();
                                    if (yy < 1900)
                                        yy = yy + 1900;
                                    var MM = objD.getMonth() + 1;
                                    if (MM < 10)
                                        MM = '0' + MM;
                                    var dd = objD.getDate();
                                    if (dd < 10)
                                        dd = '0' + dd;
                                    var hh = objD.getHours();
                                    if (hh < 10)
                                        hh = '0' + hh;
                                    var mm = objD.getMinutes();
                                    if (mm < 10)
                                        mm = '0' + mm;
                                    var ss = objD.getSeconds();
                                    if (ss < 10)
                                        ss = '0' + ss;
                                    var ww = objD.getDay();
                                    if (ww == 0)
                                        colorhead = "<font color=\"#FF5300\">";
                                    if (ww > 0 && ww < 6)
                                        colorhead = "<font color=\"#FF5300\">";
                                    if (ww == 6)
                                        colorhead = "<font color=\"#FF5300\">";
                                    if (ww == 0)
                                        ww = "星期日";
                                    if (ww == 1)
                                        ww = "星期一";
                                    if (ww == 2)
                                        ww = "星期二";
                                    if (ww == 3)
                                        ww = "星期三";
                                    if (ww == 4)
                                        ww = "星期四";
                                    if (ww == 5)
                                        ww = "星期五";
                                    if (ww == 6)
                                        ww = "星期六";
                                    colorfoot = "</font>"
                                    str = colorhead
                                        + hh
                                        + ":"
                                        + mm
                                        + ":"
                                        + ss
                                        + "<br><font style='font-size: 24px':font-family: '微软雅黑';>"
                                        + ww + colorfoot;
                                    return (str);
                                }
                                function tick() {
                                    var today;
                                    today = new Date();
                                    document.getElementById("localtime").innerHTML = showLocale(today);
                                    window.setTimeout("tick()", 1000);
                                }
                                tick();
                            </script>

                        </td>
                        <td align="left" background="themes/nzblue/images/timebg.gif">
                            <marquee scrollamount=5 width=870 onmouseover="stop()" onmouseout="start()">
                                <span style='font-family: Microsoft YaHei; color: #FFFF00; font-size: 24px;'>欢迎访问求职招聘系统</span>
                            </marquee>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>
<div class="tpt-bar">
    <input type="radio" name="bar" id="tab-1" checked="">
    <label for="tab-1">求职信息</label>
    <div class="tpt-bar-con">
        <font color="black">
            <a href="request-more.html"class="layui-btn">更多求职信息</a>
            <form method="get" class="search"style="text-align:center;">
                <select  name="worktype"style="text-align:center;">
                    <option value="">--请选择工作类型--</option>
                    <option value="软件开发">软件开发</option>
                    <option value="会计">会计</option>
                    <option value="兼职">兼职</option>
                    <option value="土木工程">土木工程</option>
                    <option value="">全部</option>
                </select>
                <button type="submit">筛选</button>
            </form>

            <ol class="t">
            </ol></td>
        </font>
    </div>
    <input type="radio" name="bar" id="tab-2">
    <label for="tab-2">招聘信息</label>
    <div class="tpt-bar-con">
        <font color="black">
            <a href="company-more.html"class="layui-btn">更多招聘信息</a>
            <ol class="y">
            </ol></td>
        </font>
    </div>
    <input type="radio" name="bar" id="tab-3">
    <label for="tab-3">新闻公告</label>
    <div class="tpt-bar-con">
        <font color="black">
            <a href="news-more.html"class="layui-btn">更多新闻公告</a>
            <ol class="z">
            </ol></td>
        </font>
    </div>
</div>
<script src="/layui/layui.js"></script>
<script>
    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1'
            ,width: '1004'

            ,height:'350'//设置容器宽度
            ,arrow: 'always' //始终显示箭头

            //,anim: 'updown' //切换动画方式
        });
    });
    layui.use('element', function(){
        var element = layui.element;

        //…
    });
</script>
</body>
<script src="/js/func.js"></script>
<script src="/js/shouye.js"></script>
<script src="/js/shuju.js"></script>
</html>